<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米商城</title>
		<link rel="stylesheet"  type="text/css" href="css/style.css"/>
	</head>
	<body>
		<header>
			<div class="top">
				<div class="left">
					<a href="">小米商城</a>
					<span>|</span>
					<a href="">MIUI</a>
					<span>|</span>
					<a href="">TOT</a>
					<span>|</span>
					<a href="">云服务</a>
					<span>|</span>
					<a href="">金融</a>
					<span>|</span>
					<a href="">有品</a
					<span>|</span>
					<a href="">小爱开发平台</a>
					<span>|</span>
					<a href="">企业团购</a>
					<span>|</span>
					<a href="">资质证照</a>
					<span>|</span>
					<a href="">协议规则</a>
					<span>|</span>
					<a href="">下载app</a>
					<span>|</span>
					<a href="">Select Location</a>
				</div>
				<div class="right">
					<a href="">登录</a>
					<span>|</span>
					<a href="">注册</a>
					<span>|</span>
					<a href="">消息通知</a>
					<a href="" class="gwc">
						购物车（0）
						<div class="msg"></div>
					</a>
				</div>
			</div>
		<section>
			<div class="logo">
				<img src="img/mi-logo.png" class="mi-logo"/>
				<img src="img/mi-home.png" class="mi-home"/>
			</div>
			<div class="nav">
				<ul>
					<li><a href="">小米手机</a></li>
					<li><a href="">Redmi红米</a></li>
					<li><a href="">电视</a></li>
					<li><a href="">笔记本</a></li>
					<li><a href="">家电</a></li>
					<li><a href="">路由器</a></li>
					<li><a href="">智能硬件</a></li>
					<li><a href="">服务</a></li>
					<li><a href="">社区</a></li>
				</ul>
			</div>
			<div class="search">
				<input type="text" placeholder="手机"/>
			</div>
		</section>
		<div class="banner">
			<div class="left">
				<ul>
					<li>
						<a href="">
							<span class="b1">手机 电话卡</span>
							<span class="b2"> > </span>
							
							<div class="box">
								<ul>
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
								
								<li>
									<a href="">
									<img src="img/1.webp">
									<span>Redmi9</span>
									</a>
								</li>
							</ul>
						</div>
					</a>
				</li>
				
					<li>
						<a href="">
							<span class="b1">电视 盒子</span>
							<span class="b2"> > </span>
						</a>
					</li>
					<li>
						<a href="">
							<span class="b1">笔记本 显示器 平板</span>
							<span class="b2"> > </span>
						</a>
					</li>
					<li>
						<a href="">
							<span class="b1">家电 插线板</span>
							<span class="b2"> > </span>
						</a>
					</li>
					<li>
						<a href="">
							<span class="b1">出行 穿越</span>
							<span class="b2"> > </span>
						</a>
					</li>
					<li>
						<a href="">
							<span class="b1">智能 路由器</span>
							<span class="b2"> > </span>
						</a>
					</li>
					<li>
						<a href="">
							<span class="b1">电源 配件</span>
							<span class="b2"> > </span>
						</a>
					</li>
					<li>
						<a href="">
							<span class="b1">健康 儿童</span>
							<span class="b2"> > </span>
						</a>
					</li>
					<li>
						<a href="">
							<span class="b1">耳机 音箱</span>
							<span class="b2"> > </span>
						</a>
					</li>
					<li>
						<a href="">
							<span class="b1">生活 箱包</span>
							<span class="b2"> > </span>
						</a>
					</li>
				</ul>
			</div>
			<div class="right"></div>
		</div>
	</body>
</html>
